/**
 * 事件绑定
 * 【语法】：on + 事件名称 例如:onClick={回调函数}
 */
// 基础绑定
function basicClick() { console.log("基础绑定") }
// 事件对象
function eventClick(e) { console.log("获取事件对象", e) }
// 参数传递（注意：如果进行参数传递，不能直接调用函数，而是通过回调函数的方式）
function paramClick(name) { console.log("参数传递", name) }
// 事件对象及参数传递（注意：函数中的实参参数顺序必须与形参参数顺序保持一致）
function eventParamClick(e, name) { console.log("事件对象及参数传递", e, name) }
function Event() {
  return (
    <div>
      <button onClick={basicClick}>基础绑定</button>
      <button onClick={eventClick}>事件对象</button>
      <button onClick={() => paramClick("zhangsan")}>参数传递</button>
      <button onClick={(e) => eventParamClick(e, "zhangsan")}>事件对象及参数传递</button>
    </div>
  )
}

    
export default Event